$(document).ready(function() {
    // 登录表单提交处理
    $("#loginForm").submit(function(event) {
        event.preventDefault();
        
        // 获取表单数据
        var username = $("#username").val().trim();
        var password = $("#password").val().trim();
        
        // 表单验证
        if (username === "" || password === "") {
            showErrorMessage("用户名和密码不能为空");
            return;
        }
        
        // 构建请求数据
        var loginData = {
            username: username,
            password: password
        };
        
        // 显示加载状态
        $("#loginBtn").prop("disabled", true).html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> 登录中...');
        
        // 发送AJAX请求
        $.ajax({
            url: "/users/login",
            type: "POST",
            contentType: "application/json",
            data: JSON.stringify(loginData),
            success: function(response) {
                if (response.code === 1) {
                    // 登录成功，跳转到首页
                    window.location.href = "/index";
                } else {
                    // 登录失败，显示错误信息
                    showErrorMessage(response.msg || "用户名或密码错误");
                    resetLoginButton();
                }
            },
            error: function(xhr) {
                // 请求失败，显示错误信息
                showErrorMessage("服务器错误，请稍后再试");
                resetLoginButton();
            }
        });
    });
    
    // 显示错误信息
    function showErrorMessage(message) {
        $("#error-alert").text(message).show();
    }
    
    // 重置登录按钮状态
    function resetLoginButton() {
        $("#loginBtn").prop("disabled", false).text("登录");
    }
    
    // 输入框获得焦点时隐藏错误信息
    $("#username, #password").focus(function() {
        $("#error-alert").hide();
    });
}); 